<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>西瓜用户首页</title>
<link type="text/css" href="css/user_home.css" rel="stylesheet" />
<link type="text/css" href="css/common.css" rel="stylesheet" />
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/esc.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script><!--必须得放在第一的位置-->
    <script type="text/javascript" src="js/user_home.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/axios.js"></script>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/esc.js"></script>
</head>

<body>
<div id="app">
<div class="index">
  <myframe>
  <div class="user_content f_f width_1200_center">
    <div class="content_position">您当前的位置：<a href="javascript:">首页</a><span>&gt;</span><a href="javascript:">用户主页</a></div>
   <!-- <div class="user_content_top f_z15"><a href="#">注册会员</a><span>Register</span></div>-->
    <div class="hr_10"></div>
    <div class="user_content_con over_hidden width_1200_center"><!--over_hidden也是清除浮动的一种-->
      <div class="user_content_con_nav fl">
        <div class="nav_info">
          <h1>个人信息</h1>
          <ul>
          	<li><div class="djbs"><a :href="'user_home.html?uid='+user.uid">个人资料</a></div></li>
          	<li><a :href="'user_home_info.html?uid='+user.uid">修改个人资料</a></li>
            <li><a href="user_home_address.html">收货地址</a></li>
          </ul>          
        </div>
          <div class="nav_goods">
              <h1>商品管理</h1>
              <ul>
                  <li><a href="user_home_order.html">我的订单</a></li>
                  <li><a href="user_home_favorite.html">我的收藏</a></li>
                  <li><a href="user_home_cart.html">我的购物车</a></li>
                  <li><a href="#">卖车中心</a></li>
              </ul>
          </div>
        <div class="nav_comments_opinion">
          <h1>评论意见</h1>
          <ul>
          	<li><a href="user_home_comment.html">我的评论</a></li>
            <li><a href="user_home_idea.html">我的意见</a></li>
            <li><a href="user_home_message.html">西瓜消息</a></li>
          </ul>           
        </div>
      </div>
      <!--右侧信息开始-->
      <div class="user_content_con_c fr">
        <div class="user_home f_f width_1000_center">
          <div class="user_home_top over_hidden">
            <div class="left fl">
                <img :src="user.image" style="height: 100%;border-radius: 100%" >
            </div>
            <div class="right_name fl"><p class="p1">{{user.username}}</p><p class="p2">会员级别：皇冠会员</p><p class="p2 p3"><span>账号安全：</span><span class="span1"><span class="span2"></span></span><span class="span3">较高</span></p></div>
          </div><!--top完-->
          <div class="user_home_content width_1000_center clearfix">
            <div class="fl"><a href="javascript:void(0)">代付款<span class="span1">1</span></a></div>
            <div class="fl"><a href="javascript:void(0)">待发货<span class="span1">2</span></a></div>
            <div class="fl"><a href="javascript:void(0)">待收货<span class="span1">4</span></a></div>
            <div class="fl"><a href="javascript:void(0)">待评价<span class="span1">4</span></a></div>
            <div class="fr"><a href="javascript:void(0)">退款<span class="span1"></span></a></div>
          </div>
          <div class="hr_10"></div>
          <div class="content_goods_cart_top over_hidden width_1000_center">
            <div class="top_cart fl"><h1>我的物流</h1></div>
            <div class="top_all fr"><span class="span1">西瓜店-全部物流</span><span class="span2">{{orders.length}}</span></div>
          </div>
          <div class="hr_10"></div>
          <?php 
		   for($i=1;$i<=4;$i++){
		  ?>
            <div v-for="o,i in orders">
          <div class="user_home_info clearfix width_1000_center">
            <div class="pic fl"><img :src="o.carMes.image" width="110" height="80"/></div>
            <div class="details fl"><a href="javascript:void(0)"><p>{{o.carMes.carName}}<em class="shuxian">|</em>行驶{{o.carMes.traveled}}万公里</p></a><p class="p1">【宾阳黎塘】的派件员【黄江15678929519】正在派件</p><p class="p2">2016-09-03 11:18:33&nbsp;&nbsp;<a href="javascript:void(0)">查看物流明细</a></p></div>
            <div class="action fr"><a href="javascript:void(0)">确认收货</a></div>
          </div>
            </div>
          <div class="hr_8"></div>
          <?php } ?>
        </div>        
      </div><!--右侧信息完-->
    </div><!--左右侧完-->
    <!--以后复制的开始--> 
    <div class="buy_content_li width_1200_center">
      <div class="buy_content_li_top clearfix">
        <div class="buy_content_li_top_default fl"><a href="#">西瓜推荐</a></div>
        <div class="buy_content_li_top_num fr"><a href="#">共12辆车</a></div>
      </div>
      <div class="hr_5"></div>
      <div class="buy_content_li_list over_hidden clearfix">

          <div v-for="c in cars">
              <div class="index_content_con_margin_l"><!--只用来向右移动的，这样才不会有一个因为父级宽度不够出现在下方-->
                  <div class="index_content_con_c'+i+' index_content_con_c width_h_292_276 over_hidden fl"><!--只用来设置内边距--><!--用来设置外右边距-->
                      <div class="index_content_con_cc width_h_292_276">
                          <div class="index_content_con_pic width_h_292_186">
                              <a :href="'buy_details.html?carId='+c.carId"><img :src="c.image" width="292" height="186" /></a>
                          </div>
                          <div class="index_content_con_txt width_h_292_90">
                              <p class="p1">
                                  <a title="" href="#">{{c.carName}}</a>
                              </p>
                              <p class="p2">
                                  <span class="">{{c.date}}上牌</span><em class="shuxian">|</em>行驶{{c.traveled}}万公里
                              </p>
                              <p class="p3">
                                  <span><i class="fc-org priType">{{c.oldPrice}}万</i></span><s>{{c.newPrice}}万</s>
                              </p>
                          </div>
                      </div>
                  </div>
              </div>
          </div>

      </div><!--遍历内容部分完-->
    </div><!--整个遍历内容部分完-->
    <!--以后复制的结束-->   
  </div><!--整个内容部分-->
  
 
 
 
 
 
  <div class="hr_8"></div>
  </myframe>
</div>
</div>

<script>
    var u = window.location.search
    var p = u.split("=")[1];

    var v = new Vue({
        el : "#app",
        data : {
            user : [],
            cars : [],
            orders : []
        },
        created(){
            this.queryuser();
            this.queryCar();

        },
        methods:{
            queryuser() {
                axios.get("/esc-user/esc/user/queryuser?uid=" + p).then(res => {
                        this.user = res.data;
                        if (res.data.image == null){
                            res.data.image = "images/moren.png"
                        }else {
                            res.data.image= "/esc-user" + res.data.image;
                        }
                        this.queryOrder();
                })
            },
            queryCar(){
                axios.get("/esc-order/esc/carMessage/queryCar").then(res=>{
                    this.cars = res.data;
                    var reg = /upload/
                    for(var a of  this.cars ){
                        if (a.image.match(reg)){
                            a.image = "/esc-user" + a.image;
                        }
                    }
                })
            },
            queryOrder(){
                axios.get("/esc-order/esc/payOrder/queryOrder?uid=" + this.user.uid).then(res=>{
                    this.orders = res.data.data;
                })
            },
        }
    })
</script>
</body>
</html>